<template>
  <div class="at_home">
    <div class="at_home_one">
        <div class="at_home_text">
            <div class="text_top">四季款</div>
            <div class="text_bottom">四季款</div>
        </div>
        <!-- 商品列表 -->
        <CardList :list="homeStoreList.goodsList"></CardList>
    </div>
  </div>
</template>

<script setup lang="ts">
import {ref, onMounted } from 'vue'
import CardList from '../../components/card-list/index.vue'
import homeApi from '@/api/home'
import homeStore from '@/store/home'
const homeStoreList = homeStore()
// 变量
const cardParams = {
    category3Id: "", // 三级分类
    categoryName: "", // 三级分类
    keyword: "", // 搜索
    trademark: "", // 品牌  "4:小米"   `品牌id:品牌名称`  `tmId:tmName`
    props: [], // 平台属性 ["1:1700-2799:价格"] [`平台属性id:平台属性值:平台属性名`]  [`attrId:attrValue:attrName`]
    order: "1:desc", // 排序   1 综合 2 价格     desc 降序 asc 升序   默认`1:desc`是`综合:降序`
    pageNo: 1, // 当前页
    pageSize: 3, // 每页条数
}
// 商品列表
const goodsList = ref<any>()
//生命周期
onMounted (() => {
  homeStoreList.getGoodsList()
})
// 函数

</script>

<style lang="less" scoped>
.at_home {
    .at_home_one {
        .at_home_text{
            text-align:center;
            .text_top {
                font-size: 17px;
            }
            .text_bottom{
                font-size: 12px;
                color: rgb(127, 127, 127);
            }
        }
    }
}


</style>